<!DOCTYPE html>
<html lang="en">
	<head>
		<title>找律师</title>
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta charset="utf-8">
		<meta name="keywords" content="" />
		<script type="application/x-javascript">
			addEventListener("load", function() {
				setTimeout(hideURLbar, 0);
			}, false);

			function hideURLbar() {
				window.scrollTo(0, 1);
			}
		</script>
		<!-- bootstrap-css -->
		<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
		<!--// bootstrap-css -->
		<link rel="stylesheet" type="text/css" href="css/global.css" />
		<link rel="stylesheet" type="text/css" href="css/l-find-lawyer.css" />
		<!-- font-awesome icons -->
		<link href="css/font-awesome.css" rel="stylesheet">
		<!-- //font-awesome icons -->
		<!-- font -->
		<link href="http://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i" rel="stylesheet">
		<link href='https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700italic,700,400italic,300italic,300' rel='stylesheet'
		 type='text/css'>
		<!-- //font -->
		<script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
		<script src="js/bootstrap.js"></script>

		<!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<![endif]-->
	</head>
	<body>
		<div class="l-main l-container">
			<!-- banner -->
			<div class="banner container-fluid">
				<div class="row l-banner_img">
					<img src="image/banner_img-1.png"  class="img-responsive">
				</div>
			</div>
			<div class="l-find-lawyer l-flex-item_c-just_c">
				<div class="l-list-width">

					<div class="l-search">
						<div class="l-search-view l-search-view-1 l-flex-item_c l-flex-wrap">
							<div class="l-search-label">
								选择地区：
							</div>
							<div class="l-search-value">
								<div class="l-search-content-view l-flex-item_c-just_sb">
									<span class="l-search-view-span">请选择</span>
									<img class="l-search-view-img" src="image/l-downward.png" >
								</div>
							</div>
						</div>
						<div class="l-search-view l-search-view-2 l-flex">
							<div class="l-search-label l-search-label-1">
								选择类型：
							</div>
							<div class="l-search-value">
								<script type="text/javascript">
									{
									var list = ['法律咨询','法律顾问','打官司','案件诊断','合同修改','家庭律师','高级顾问','高级顾问','高级顾问','高级顾问','高级顾问','高级顾问','高级顾问','高级顾问','高级顾问','高级顾问','高级顾问'];
										list.forEach(function(e) {
											document.write('<span class="l-search-keyword">'+e+'</span>')
										})
									}
								</script>
							</div>
						</div>
						<div class="l-search-view l-search-view-3 l-flex">
							<div class="l-search-label l-search-label-1">
								工作年限：
							</div>
							<div class="l-search-value">
								<script type="text/javascript">
									{
									var list = ['1年以内','1-3年','3-5年','5年以上'];
										list.forEach(function(e) {
											document.write('<span class="l-search-keyword">'+e+'</span>')
										})
									}
								</script>
							</div>
						</div>
					</div>

					<div class="l-flex l-flex-wrap">
						
						<script type="text/javascript">
							for (var i = 0; i < 12; i++) {
								document.write(
									'<div class="l-card l-flex">'+
									'<view class="l-card-left">'+
										'<div>'+
											'<img src="image/head-portrait.png" class="l-avatar">'+
										'</div>'+
										'<div>'+
									'		<button class="l-card-left-btn" type="button">立即咨询</button>'+
									'	</div>'+
									'</view>'+
									'<div class="l-card-view">'+
									'	<div class="l-card-view-top">'+
									'		<div class="l-card-view-item-1">'+
									'			<span class="l-card-view-title">刘洋</span> <span class="l-card-view-item-1-span">深圳律师</span>'+
									'		</div>'+
									'		<div class="l-card-view-item-2">'+
									'			<img src="image/l-star-active.png" >'+
									'			<img src="image/l-star-active.png" >'+
									'			<img src="image/l-star-active.png" >'+
									'			<img src="image/l-star-active.png" >'+
									'			<img src="image/l-star.png" >'+
									'		</div>'+
									'		<div class="l-card-view-item-3">'+
									'			<span class="l-card-view-span l-span">共接1单</span>'+
									'			<span class="l-card-view-span ">好评率 99.7%</span>'+
									'		</div>'+
									'	</div>'+
									'	<div class="l-card-view-btm l-line-clamp2">'+
									'		擅长：家庭纠纷、合同纠纷、民事纠纷'+
									'	</div>'+
									'</div>'+
								'</div>'
								)
							}
						</script>
					</div>

					<div class="l-page-view l-flex l-flex-just_end">
						<div class="l-pages l-flex">
							<div class="l-pages-item">
								&lt;
							</div>
							<div class="l-pages-item">
								1
							</div>
							<div class="l-pages-item">
								2
							</div>
							<div class="l-pages-item">
								3
							</div>
							<div class="l-pages-item l-pages-item-not-border">
								...
							</div>
							<div class="l-pages-item">
								&gt;
							</div>
						</div>
					</div>
				</div>


			</div>
		</div>
		
	</body>
</html>
